<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>jQuery datePicker simple datePicker demo</title>

<!-- firebug lite -->
<script type="text/javascript" src="firebug/firebug.js"></script>

<!-- jQuery -->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<!-- required plugins -->
<script type="text/javascript" src="abc/date.js"></script>
<!--[if IE]><script type="text/javascript" src="scripts/jquery.bgiframe.min.js"></script><![endif]-->

<!-- jquery.datePicker.js -->
<script type="text/javascript" src="abc/jquery.datePicker.js"></script>

<!-- datePicker required styles -->
<link rel="stylesheet" type="text/css" media="screen" href="abc/datePicker.css">

<!-- page specific styles -->
<link rel="stylesheet" type="text/css" media="screen" href="abc/demo.css">

<!-- page specific scripts -->
<script type="text/javascript" charset="utf-8">
	$(function() {
		$('.date-pick').datePicker({
			clickInput : true
		})
	});
</script>

</head>
<body>
	<div id="container">
		<form name="chooseDateForm" id="chooseDateForm" action="#">
			<fieldset>
				<legend>Test date picker form</legend>
				<ol>
					<li><label for="date1">Date 1:</label> <input name="date1" id="date1" class="date-pick" /></li>
					<li><label for="date2">Date 2:</label> <input name="date2" id="date2" class="date-pick" /></li>
					<li><label for="test-select">Test select:</label> <select name="test-select" id="test-select" style="width: 170px">
							<option value="1">Test SELECT</option>
							<option value="2">Doesn't shine through</option>
							<option value="3">Even in IE</option>
							<option value="4">Yay!</option>
					</select></li>
				</ol>
			</fieldset>
		</form>
	</div>
</body>
</html>